<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				padding: 0;
				margin: 0;
			}
		</style>
	</head>
	<body>
		<div style="width: 1910px; height: 100px; border: #969799 solid 5px;  display: flex;align-items: center;flex-direction: row;">
			<a style="font-size: 50px; margin: 0;  margin-left: 20px;">在线考试系统</a>
			<a style="font-size: 20px; margin: 0; position: absolute; right: 120px;">考试中心</a>
			<a style="font-size: 20px; margin: 0; position: absolute; right: 20px;">个人中心</a>
		</div>
		<div style=" width: 200px; height: 512px; margin-left: 20px; margin-top: 20px; border: solid #969799 3px;">
			<p style="width: 200px; height: 100px; font-size:30px; text-align: center;display: flex;align-items: center;flex-direction: row;justify-content: space-around; margin: 0;">理论考试</p>
			<div style="height: 3px; width: 200px; background-color: #969799;"></div>
			<p style="width: 200px; height: 100px; font-size:30px; text-align: center;display: flex;align-items: center;flex-direction: row;justify-content: space-around; margin: 0;">实验考试</p>
			<div style="height: 3px; width: 200px; background-color: #969799;"></div>
			<p style="width: 200px; height: 100px; font-size:30px; text-align: center;display: flex;align-items: center;flex-direction: row;justify-content: space-around; margin: 0;">我要监考</p>
			<div style="height: 3px; width: 200px; background-color: #969799;"></div>
			<p style="width: 200px; height: 100px; font-size:30px; text-align: center;display: flex;align-items: center;flex-direction: row;justify-content: space-around; margin: 0;">审批试卷</p>
			<div style="height: 3px; width: 200px; background-color: #969799;"></div>
			<p style="width: 200px; height: 100px; font-size:30px; text-align: center;display: flex;align-items: center;flex-direction: row;justify-content: space-around; margin: 0;">成绩查询</p>
		</div>
		<div style="height: 810px; width: 1660px; border: solid #969799 3px; position: absolute; top: 130px; left: 240px;">
			<p style="width: 200px; height: 100px; font-size:30px; text-align: center;display: flex;align-items: center;flex-direction: row; margin: 0;">监考中心</p>
			<div style="height: 3px; width: 1660px; background-color: #969799;"></div>
			<p style="width: 400px; height: 80px; font-size:25px; text-align: center;display: flex;align-items: center;flex-direction: row; margin: 0; margin-left: 10px;">请选择你要监考的班级</p>
			<div style="height: 710px; width: 3px; background-color: #969799; position: absolute; margin-left: 400px; top:103px;"></div>
			<p style="width: 800px; height: 80px; font-size:25px; text-align: center;display: flex;align-items: center;flex-direction: row; margin: 0; position: absolute; margin-left: 410px; top:103px;">正在考试的班级</p>
			<div style="height: 3px; width: 1660px; background-color: #969799; "></div>
			
			<div style=" width: 400px; position: absolute; top: 186px;display: flex;flex-direction: row;justify-content: space-around;">
				<div style=" height: 500px; width: 500px; margin-top: 20px; display: flex;flex-direction: column; align-items: center;">
					<img src="img/tp.jpg" style="width: 360px; height: 200px;  ">
					<p style="margin: 0; margin-top: 25px; font-size: 20px;">班级X</p>
					<p style="margin: 0; margin-top: 5px; font-size: 20px;">开始时间XX结束时间XX</p>
					<img src="img/tp.jpg" style="width: 360px; height: 200px; margin-top: 30px; ">
					<p style="margin: 0; margin-top: 25px; font-size: 20px;">班级X</p>
					<p style="margin: 0; margin-top: 5px; font-size: 20px;">开始时间XX结束时间XX</p>
				</div>
			</div>
			
			<div style="height: 3px; width: 1660px; background-color: #969799; position: absolute; margin-top: 235px;"></div>
			<div style="height: 3px; width: 1660px; background-color: #969799; position: absolute; margin-top: 305px;"></div>
			<div style="height: 3px; width: 1660px; background-color: #969799; position: absolute; margin-top: 550px;"></div>
			
			<div style="height: 625px; width: 3px; background-color: #969799; position: absolute; top: 186px;margin-left: 1026px;"></div>
			<div style=" width: 1250px; position: absolute; margin-left: 400px; top: 186px;display: flex;flex-direction: row;justify-content: space-around;">
				<div style=" height: 500px; width: 500px; margin-top: 20px; display: flex;flex-direction: column; align-items: center;">
					<img src="img/tp.jpg" style="width: 360px; height: 200px;  ">
					<p style="margin: 0; margin-top: 25px; font-size: 20px;">班级X</p>
					<p style="margin: 0; margin-top: 5px; font-size: 20px;">开始时间XX结束时间XX</p>
					<img src="img/tp.jpg" style="width: 360px; height: 200px; margin-top: 30px; ">
					<p style="margin: 0; margin-top: 25px; font-size: 20px;">班级X</p>
					<p style="margin: 0; margin-top: 5px; font-size: 20px;">开始时间XX结束时间XX</p>
				</div>
				<div style=" height: 500px; width: 500px; margin-top: 20px; display: flex;flex-direction: column; align-items: center;">
					<img src="img/tp.jpg" style="width: 360px; height: 200px;  ">
					<p style="margin: 0; margin-top: 25px; font-size: 20px;">班级X</p>
					<p style="margin: 0; margin-top: 5px; font-size: 20px;">开始时间XX结束时间XX</p>
					<img src="img/tp.jpg" style="width: 360px; height: 200px; margin-top: 30px; ">
					<p style="margin: 0; margin-top: 25px; font-size: 20px;">班级X</p>
					<p style="margin: 0; margin-top: 5px; font-size: 20px;">开始时间XX结束时间XX</p>
				</div>
			</div>
		</div>
	</body>
</html>
